$(function  () {
	// 自定义样式
	// $('.box').hover(function() {
	// 	$(this).animate({width: "400px"},500);
	// }, 
	// function() {
	// 	$(this).animate({width: "200px"},500);
	// })
		

// css样式
	// $(".box").hover(function() {
	// 	$(this).css({backgroundColor: "yellow",width:"800px"});
	// }, 
	// function() {
	// 	$(this).css({backgroundColor: "blue"});
	// });


// toggle点击次数相对应所做的事情
// slideUp()向上滑，括号里面是时间
// delay()是延时
// slideDown()是向下滑动
//stop()时停止
	// $('#button').toggle(function() {
	// 	$('.box').slideUp(1200).delay(1000).slideDown(400);
	// }, function() {
	// 	$('.box').stop().animate({width: '200px'},2000);
	// });


	$('.list').click(function(event) {
		$(this).animate({width: '510px',},200).siblings().animate({width: '65px'},200);
	});
	
	


















})